<template>
    <div>
        <section class="part" v-for="(part, partIndex) in tableList" :key="partIndex">
            <span class="tit">{{part.title}}</span>
            <el-table :data="part.data" border>
                <el-table-column v-for="(item, index) in part.cols" :key="index" :prop='item.prop' :label="item.label"></el-table-column>
            </el-table>
        </section>
    </div>
</template>
<script>
export default {
    name: 'business',
    data() {
        return {
            tableList: [
                {
                    title: '专利',
                    cols: [
                        {label : '公告日期', prop:'date'}, {label : '申请公布号', prop:'code'}, {label : '专利名称', prop:'name'}, 
                        {label : '专利类型', prop:'type'}
                    ],
                    data: []
                },
                {
                    title: '著作权',
                    cols: [
                        {label : '公告日期', prop:'name'}, {label : '名称', prop:'job'}, {label : '编号', prop:'address'},
                        {label : '著作权人', prop:'tel'}
                    ],
                    data: []
                },
                {
                    title: 'ICP备案信息',
                    cols: [
                        {label : '审核通过时间', prop:'name'}, {label : '网站名称', prop:'bank'}, {label : '网站备案/许可证号', prop:'account'},
                        {label : '网站域名', prop:'remark'}
                    ],
                    data: []
                },
                {
                    title: '商标',
                    cols: [
                        {label : '发布时间', prop:'name'}, {label : '商标注册号', prop:'address'}, {label : '注册公告日期', prop:'phone'}
                    ],
                    data: []
                },
                {
                    title: '招投标',
                    cols: [
                        {label : '审核通过时间', prop:'name'}, {label : '地区', prop:'address'}, {label : '标题', prop:'phone'},
                        {label : '公告类型', prop:'type'}
                    ],
                    data: []
                },
                {
                    title: '土地信息',
                    cols: [
                        {label : '发布时间', prop:'time'}, {label : '公告类别', prop:'type'}, {label : '土地用途', prop:'use'},
                        {label : '地块位置', prop:'position'}, {label : '土地面积', prop:'area'}, {label : '使用期限', prop:'year'},
                    ],
                    data: []
                }
            ]
        }
    }
}
</script>
<style lang="scss">

</style>
